<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../../components/css/common.css" media="all">
    <style type="text/css">
        .space a {
            display: inline-block;
            padding: .5em 1em;
            background-color: #cad5eb;
        }
    </style>
</head>
<body>
<div class="wrap2 m10a tsG">
    <div class="p10">
        <h2 class="title">被变成的inline-block元素</h2>
        <span class="description">
            让闭合标签吃胶囊 <br>
            注意，为了向下兼容IE6/IE7等喝蒙牛长大的浏览器，最后一个列表的标签的结束（闭合）标签不能丢。 <br>
            虽然感觉上有点怪怪的，但是，这是OK的。
        </span>
        <div class="space">
            <a href="##">惆怅
                <a href="##">淡定
                    <a href="##">热血</a>
        </div>
    </div>
</div>
</body>
</html>